﻿html {
    height: 100%;
}

body {
    height: 100%;
    padding-top: 40px;
}

.op-content {
    overflow-y: scroll;
    overflow-x: auto;
    height: calc(100% - 30px);
}

.op-footer {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.op-footer .op-footer-text {
    display: flex;
    align-items: center;
    justify-content: center;
}


.op-nav {
    padding-top: 45px;
}


.op-image-link {
    font-size: 22px;
    background: transparent;
    border-style: none;
}

    .op-image-link:visited {
        text-decoration: none;
    }

    .op-image-link:hover {
        text-decoration: none;
        color: #31b0d5;
    }

    .op-image-link:disabled {
        color: gray;
        cursor: default;
    }

.op-gap-small {
    height: 8px;
    width: 100%;
}

.op-gap-normal {
    height: 20px;
    width: 100%;    
}


.app-td-image-link {
    /*font-size: 15px;*/
    color: black;
    background: transparent;
    border: none;
}

    .app-td-image-link:visited {
        text-decoration: none;
        /*color: #203246;*/
    }

    .app-td-image-link:hover {
        text-decoration: none;
        /*color: #00a7d1;*/
    }

    .app-td-image-link:disabled {
        color: gray;
        cursor: default;
    }
